<template>
    <div>
        <b>
            电子产品
        </b>
    </div>
    <p v-for="(item, index) in prodect" :key="index">
        <ul><li>{{ item.name }}-￥{{ item.price }}</li></ul>
    </p>
      <div>
        <b>
            食品
        </b>
    </div>
    <p v-for="(item, index) in eat" :key="index">
        
        <ul><li>{{ item.name }}-￥{{ item.price }}</li></ul>
    </p>
</template>
<script setup>
let prodect = [
    {
        id: 1,
        name: '手机',
        price: '3999'
    },
    {
        id: 2,
        name: '耳机',
        price: '599',
    }

]
let eat = [
    {
        id: 1,
        name: '面包',
        price: '10'
    },
    {
        id: 2,
        name: '牛奶',
        price: '10',
    }

]


</script>